<div ng-init="init();" class="kmi-layout-content A02-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <div class="header-title" ng-bind="'A02.title' | translate"></div>
        <button ng-click="loadMyFavorites();">
            <img src="image/smes_v340/W_Com_Love_nor_32.png"></img> 
            <div class="kmi-can-click"></div>
        </button>
        <button ng-click="loadSysSettings();">
            <img src="image/smes_v340/setting.png"></img> 
            <div class="kmi-can-click"></div>
        </button>
        <div class="header-logo"></div>
    </div>
    <!-- 20201210 modify by 外包 for M#83236: 派工作业 - 增加流程卡列印 -->
    <div class="kmi-layout-main-content" ng-show="showMode == 'query' || showMode == 'preview'">
        <div class="kmi-layout-page">
            <div class="edit-mask" ng-show="(Mode == 'EditSendWork' || Mode == 'EditSeq' || Mode == 'Rollback')"></div>
            <div class="kmi-text-fields condition-panel" ng-class="{'hide-panel':Mode != '' && Mode != 'EditSendWork'}" >
                <label class="label" ng-bind="'A02.areaNo' | translate"></label>
                <input ng-model="selectareaName" readonly="readonly" ng-click="loadAreaList();"
                    ng-disabled="Mode != '' && Mode != 'EditSendWork'"></input>
                <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                <label class="label" style="padding-left:8px;" ng-bind="'A02.workStation' | translate"></label>
                <input ng-model="selectWorkStationName" readonly="readonly" ng-click="loadWorkStationList();" mdl-toast="{{selectWorkStationName}}"
                    ng-disabled="Mode != '' && Mode != 'EditSendWork'"></input>
                <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                <label class="label" style="padding-left:8px;" ng-bind="'A02.assigned_date' | translate"></label>
                <div class="date-panel">
                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="prevDate();">
                        <img src="image/icons/dropleft.png"></img>
                    </button>
                    <input style="flex:0 0 130px;text-align:center;height: 28px;" ng-value="work_date |date:'yyyy - MM - dd'" readonly ng-click="changeDate();"/>
                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="nextDate();">
                        <img src="image/icons/dropright.png"></img>
                    </button>
                </div>
            </div>
            <div ng-show="showTipsFlag && moreInfoList.length > 0" id="popover_id" class="popover" style="left: 108px;display: block; visibility: visible;position: absolute; background-color: rgba(100,100,100,0.8) !important;color: #fff !important;padding: 6px 20px 6px 20px;z-index: 9999;border-radius: 6px; min-width:200px;">
                <div class="triangle-up" style="width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 10px solid rgba(100,100,100,0.8);position: absolute;top: -10px;left: 45%;"></div>
                <div class="popover-content">
                    <div ng-repeat="more in moreInfoList track by $index">
                        <div ng-bind="(more.fieldName?(more.fieldName+'：'):'')  + tempRow[more.fieldId]"></div>
                    </div>
                </div>
            </div>
            <div class="conten-panel unwork-panel" ng-class="{'hide-panel':Mode != '' && Mode != 'EditSendWork'}" >
                <div class="kmi-text-fields kmi-list__title">
                    <label class="label" ng-bind="'A02.unassigned' | translate"></label>
                    <label class="label" ng-bind="'A02.wo_no' | translate"></label>
                    <input ng-model="unassigned_wo_no"></input>
                    <label class="label" style="padding-left:8px;" ng-bind="'A02.plot_no' | translate"></label>
                    <input ng-model="unassigned_plot_no"></input>
                    <div class="kmi-button kmi-button-confrim"  ng-click="unassigned_search()" style="width:100px">
                        <label ng-bind="'common.btn.search' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                    <div class="kmi-button kmi-button-cancel"  ng-click="unassigned_clear()" style="width:100px">
                        <label ng-bind="'common.btn.clear' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                </div>
                <div class="kmi-list work-list column-selector" column-selector-id="work-list" kmi-scrollbar="1280px">
                    <div class="kmi-list__header">
                        <!-- 20211217 modify by Alan for#104583 : 刪除last_date與next_date -->
                        <div class="kmi-list__column require" style="flex:0 0 32px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemAllAction()">
                                <img ng-show="select_all_bool == false" src="image/icons/check0.png" class="">
                                <img ng-show="select_all_bool == true" src="image/icons/check1.png" class="ng-hide">
                            </button>
                        </div>
                        <div class="kmi-list__column require" style="flex:0 0 36px;"></div>
                        <div class="kmi-list__column" style="flex:0 0 36px;" ng-bind="'A02.list.column19' | translate" ng-show="moreInfoList.length > 0"></div>
                        <div class="kmi-list__column require head-controls" style="flex:0 0 110px;" ng-show="show_flag.op_no">
                            <div class="filter" ng-show="dispatch_filterSH.op_no">
                                <input ng-model="dispatch_filter.op_no">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.op_no = false;dispatch_filter.op_no = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.op_no">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.op_no = true">search</i>
                                <label ng-bind="show_label.op_no"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'op_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('op_no')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.op_name">
                            <div class="filter" ng-show="dispatch_filterSH.op_name">
                                <input ng-model="dispatch_filter.op_name">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.op_name = false;dispatch_filter.op_name = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.op_name">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.op_name = true">search</i>
                                <label ng-bind="show_label.op_name"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'op_name'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('op_name')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.wo_no">
                            <div class="filter" ng-show="dispatch_filterSH.wo_no">
                                <input ng-model="dispatch_filter.wo_no">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.wo_no = false;dispatch_filter.wo_no = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.wo_no">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.wo_no = true">search</i>
                                <label ng-bind="show_label.wo_no"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'wo_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('wo_no')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.plot_no">
                            <div class="filter" ng-show="dispatch_filterSH.plot_no">
                                <input ng-model="dispatch_filter.plot_no">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.plot_no = false;dispatch_filter.plot_no = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.plot_no">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.plot_no = true">search</i>
                                <label ng-bind="show_label.plot_no"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'plot_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('plot_no')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.qty">
                            <div class="filter" ng-show="dispatch_filterSH.qty">
                                <input ng-model="dispatch_filter.qty">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.qty = false;dispatch_filter.qty = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.qty">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.qty = true">search</i>
                                <label ng-bind="show_label.qty"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'qty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('qty')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.plot_start_time">
                            <div class="filter" ng-show="dispatch_filterSH.plot_start_time">
                                <input ng-model="dispatch_filter.plot_start_time">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.plot_start_time = false;dispatch_filter.plot_start_time = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.plot_start_time">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.plot_start_time = true">search</i>
                                <label ng-bind="show_label.plot_start_time"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'plot_start_time'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('plot_start_time')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.plot_end_time">
                            <div class="filter" ng-show="dispatch_filterSH.plot_end_time">
                                <input ng-model="dispatch_filter.plot_end_time">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.plot_end_time = false;dispatch_filter.plot_end_time = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.plot_end_time">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.plot_end_time = true">search</i>
                                <label ng-bind="show_label.plot_end_time"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'plot_end_time'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('plot_end_time')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.item_no">
                            <div class="filter" ng-show="dispatch_filterSH.item_no">
                                <input ng-model="dispatch_filter.item_no">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.item_no = false;dispatch_filter.item_no = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.item_no">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.item_no = true">search</i>
                                <label ng-bind="show_label.item_no"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'item_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('item_no')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.item_name">
                            <div class="filter" ng-show="dispatch_filterSH.item_name">
                                <input ng-model="dispatch_filter.item_name">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.item_name = false;dispatch_filter.item_name = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.item_name">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.item_name = true">search</i>
                                <label ng-bind="show_label.item_name"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'item_name'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('item_name')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.item_spec">
                            <div class="filter" ng-show="dispatch_filterSH.item_spec">
                                <input ng-model="dispatch_filter.item_spec">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.item_spec = false;dispatch_filter.item_spec = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.item_spec">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.item_spec = true">search</i>
                                <label ng-bind="show_label.item_spec"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'item_spec'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('item_spec')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.mono_date">
                            <div class="filter" ng-show="dispatch_filterSH.mono_date">
                                <input ng-model="dispatch_filter.mono_date">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.mono_date = false;dispatch_filter.mono_date = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.mono_date">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.mono_date = true">search</i>
                                <label ng-bind="show_label.mono_date"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'mono_date'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('mono_date')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.accessory_no">
                            <div class="filter" ng-show="dispatch_filterSH.accessory_no">
                                <input ng-model="dispatch_filter.accessory_no">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.accessory_no = false;dispatch_filter.accessory_no = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.accessory_no">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.accessory_no = true">search</i>
                                <label ng-bind="show_label.accessory_no"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'accessory_no'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('accessory_no')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column" style="flex:0 0 40px;" ng-bind="'A02.list.column18' | translate"></div>
                        <!--
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'A02.list.column9' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'A02.list.column10' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'A02.list.column11' | translate"></div>
                        -->
                        <!-- <div class="kmi-list__column require" style="flex:0 0 36px;"></div> -->
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.item_version">
                            <div class="filter" ng-show="dispatch_filterSH.item_version">
                                <input ng-model="dispatch_filter.item_version">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.item_version = false;dispatch_filter.item_version = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.item_version">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.item_version = true">search</i>
                                <label ng-bind="show_label.item_version"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'item_version'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('item_version')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.BaseProcessNo">
                            <div class="filter" ng-show="dispatch_filterSH.BaseProcessNo">
                                <input ng-model="dispatch_filter.BaseProcessNo">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.BaseProcessNo = false;dispatch_filter.BaseProcessNo = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.BaseProcessNo">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.BaseProcessNo = true">search</i>
                                <label ng-bind="show_label.BaseProcessNo"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'BaseProcessNo'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('BaseProcessNo')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.BaseProcessVersion">
                            <div class="filter" ng-show="dispatch_filterSH.BaseProcessVersion">
                                <input ng-model="dispatch_filter.BaseProcessVersion">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.BaseProcessVersion = false;dispatch_filter.BaseProcessVersion = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.BaseProcessVersion">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.BaseProcessVersion = true">search</i>
                                <label ng-bind="show_label.BaseProcessVersion"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'BaseProcessVersion'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('BaseProcessVersion')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.BoxQty">
                            <div class="filter" ng-show="dispatch_filterSH.BoxQty">
                                <input ng-model="dispatch_filter.BoxQty">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.BoxQty = false;dispatch_filter.BoxQty = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.BoxQty">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.BoxQty = true">search</i>
                                <label ng-bind="show_label.BoxQty"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'BoxQty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('BoxQty')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.CUSTOMERNO">
                            <div class="filter" ng-show="dispatch_filterSH.CUSTOMERNO">
                                <input ng-model="dispatch_filter.CUSTOMERNO">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.CUSTOMERNO = false;dispatch_filter.CUSTOMERNO = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.CUSTOMERNO">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.CUSTOMERNO = true">search</i>
                                <label ng-bind="show_label.CUSTOMERNO"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'CUSTOMERNO'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('CUSTOMERNO')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.CartonQty">
                            <div class="filter" ng-show="dispatch_filterSH.CartonQty">
                                <input ng-model="dispatch_filter.CartonQty">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.CartonQty = false;dispatch_filter.CartonQty = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.CartonQty">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.CartonQty = true">search</i>
                                <label ng-bind="show_label.CartonQty"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'CartonQty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('CartonQty')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.ERPMoLineNo">
                            <div class="filter" ng-show="dispatch_filterSH.ERPMoLineNo">
                                <input ng-model="dispatch_filter.ERPMoLineNo">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.ERPMoLineNo = false;dispatch_filter.ERPMoLineNo = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.ERPMoLineNo">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.ERPMoLineNo = true">search</i>
                                <label ng-bind="show_label.ERPMoLineNo"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'ERPMoLineNo'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('ERPMoLineNo')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.FACTORYNO">
                            <div class="filter" ng-show="dispatch_filterSH.FACTORYNO">
                                <input ng-model="dispatch_filter.FACTORYNO">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.FACTORYNO = false;dispatch_filter.FACTORYNO = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.FACTORYNO">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.FACTORYNO = true">search</i>
                                <label ng-bind="show_label.FACTORYNO"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'FACTORYNO'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('FACTORYNO')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.GRAPHNO">
                            <div class="filter" ng-show="dispatch_filterSH.GRAPHNO">
                                <input ng-model="dispatch_filter.GRAPHNO">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.GRAPHNO = false;dispatch_filter.GRAPHNO = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.GRAPHNO">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.GRAPHNO = true">search</i>
                                <label ng-bind="show_label.GRAPHNO"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'GRAPHNO'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('GRAPHNO')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.HotLot">
                            <div class="filter" ng-show="dispatch_filterSH.HotLot">
                                <input ng-model="dispatch_filter.HotLot">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.HotLot = false;dispatch_filter.HotLot = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.HotLot">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.HotLot = true">search</i>
                                <label ng-bind="show_label.HotLot"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'HotLot'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('HotLot')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.ITEMNO">
                            <div class="filter" ng-show="dispatch_filterSH.ITEMNO">
                                <input ng-model="dispatch_filter.ITEMNO">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.ITEMNO = false;dispatch_filter.ITEMNO = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.ITEMNO">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.ITEMNO = true">search</i>
                                <label ng-bind="show_label.ITEMNO"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'ITEMNO'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('ITEMNO')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.LOTDescription">
                            <div class="filter" ng-show="dispatch_filterSH.LOTDescription">
                                <input ng-model="dispatch_filter.LOTDescription">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.LOTDescription = false;dispatch_filter.LOTDescription = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.LOTDescription">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.LOTDescription = true">search</i>
                                <label ng-bind="show_label.LOTDescription"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'LOTDescription'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('LOTDescription')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.LOTPriority">
                            <div class="filter" ng-show="dispatch_filterSH.LOTPriority">
                                <input ng-model="dispatch_filter.LOTPriority">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.LOTPriority = false;dispatch_filter.LOTPriority = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.LOTPriority">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.LOTPriority = true">search</i>
                                <label ng-bind="show_label.LOTPriority"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'LOTPriority'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('LOTPriority')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.LOTSTDQty">
                            <div class="filter" ng-show="dispatch_filterSH.LOTSTDQty">
                                <input ng-model="dispatch_filter.LOTSTDQty">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.LOTSTDQty = false;dispatch_filter.LOTSTDQty = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.LOTSTDQty">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.LOTSTDQty = true">search</i>
                                <label ng-bind="show_label.LOTSTDQty"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'LOTSTDQty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('LOTSTDQty')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.LOTplanstartdate">
                            <div class="filter" ng-show="dispatch_filterSH.LOTplanstartdate">
                                <input ng-model="dispatch_filter.LOTplanstartdate">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.LOTplanstartdate = false;dispatch_filter.LOTplanstartdate = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.LOTplanstartdate">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.LOTplanstartdate = true">search</i>
                                <label ng-bind="show_label.LOTplanstartdate"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'LOTplanstartdate'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('LOTplanstartdate')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MOPRIORITY">
                            <div class="filter" ng-show="dispatch_filterSH.MOPRIORITY">
                                <input ng-model="dispatch_filter.MOPRIORITY">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MOPRIORITY = false;dispatch_filter.MOPRIORITY = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MOPRIORITY">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MOPRIORITY = true">search</i>
                                <label ng-bind="show_label.MOPRIORITY"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MOPRIORITY'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MOPRIORITY')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MOUNITNO">
                            <div class="filter" ng-show="dispatch_filterSH.MOUNITNO">
                                <input ng-model="dispatch_filter.MOUNITNO">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MOUNITNO = false;dispatch_filter.MOUNITNO = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MOUNITNO">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MOUNITNO = true">search</i>
                                <label ng-bind="show_label.MOUNITNO"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MOUNITNO'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MOUNITNO')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MOplanstartdate">
                            <div class="filter" ng-show="dispatch_filterSH.MOplanstartdate">
                                <input ng-model="dispatch_filter.MOplanstartdate">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MOplanstartdate = false;dispatch_filter.MOplanstartdate = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MOplanstartdate">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MOplanstartdate = true">search</i>
                                <label ng-bind="show_label.MOplanstartdate"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MOplanstartdate'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MOplanstartdate')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MPQty">
                            <div class="filter" ng-show="dispatch_filterSH.MPQty">
                                <input ng-model="dispatch_filter.MPQty">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MPQty = false;dispatch_filter.MPQty = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MPQty">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MPQty = true">search</i>
                                <label ng-bind="show_label.MPQty"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MPQty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MPQty')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoDescription">
                            <div class="filter" ng-show="dispatch_filterSH.MoDescription">
                                <input ng-model="dispatch_filter.MoDescription">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoDescription = false;dispatch_filter.MoDescription = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoDescription">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoDescription = true">search</i>
                                <label ng-bind="show_label.MoDescription"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoDescription'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoDescription')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoSource">
                            <div class="filter" ng-show="dispatch_filterSH.MoSource">
                                <input ng-model="dispatch_filter.MoSource">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoSource = false;dispatch_filter.MoSource = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoSource">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoSource = true">search</i>
                                <label ng-bind="show_label.MoSource"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoSource'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoSource')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined01">
                            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined01">
                                <input ng-model="dispatch_filter.MoUser_Defined01">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoUser_Defined01 = false;dispatch_filter.MoUser_Defined01 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined01">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined01 = true">search</i>
                                <label ng-bind="show_label.MoUser_Defined01"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined01'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined01')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined02">
                            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined02">
                                <input ng-model="dispatch_filter.MoUser_Defined02">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoUser_Defined02 = false;dispatch_filter.MoUser_Defined02 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined02">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined02 = true">search</i>
                                <label ng-bind="show_label.MoUser_Defined02"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined02'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined02')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined03">
                            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined03">
                                <input ng-model="dispatch_filter.MoUser_Defined03">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoUser_Defined03 = false;dispatch_filter.MoUser_Defined03 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined03">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined03 = true">search</i>
                                <label ng-bind="show_label.MoUser_Defined03"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined03'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined03')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined04">
                            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined04">
                                <input ng-model="dispatch_filter.MoUser_Defined04">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoUser_Defined04 = false;dispatch_filter.MoUser_Defined04 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined04">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined04 = true">search</i>
                                <label ng-bind="show_label.MoUser_Defined04"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined04'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined04')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined05">
                            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined05">
                                <input ng-model="dispatch_filter.MoUser_Defined05">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoUser_Defined05 = false;dispatch_filter.MoUser_Defined05 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined05">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined05 = true">search</i>
                                <label ng-bind="show_label.MoUser_Defined05"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined05'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined05')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined11">
                            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined11">
                                <input ng-model="dispatch_filter.MoUser_Defined11">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoUser_Defined11 = false;dispatch_filter.MoUser_Defined11 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined11">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined11 = true">search</i>
                                <label ng-bind="show_label.MoUser_Defined11"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined11'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined11')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined12">
                            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined12">
                                <input ng-model="dispatch_filter.MoUser_Defined12">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoUser_Defined12 = false;dispatch_filter.MoUser_Defined12 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined12">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined12 = true">search</i>
                                <label ng-bind="show_label.MoUser_Defined12"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined12'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined12')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined13">
                            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined13">
                                <input ng-model="dispatch_filter.MoUser_Defined13">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoUser_Defined13 = false;dispatch_filter.MoUser_Defined13 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined13">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined13 = true">search</i>
                                <label ng-bind="show_label.MoUser_Defined13"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined13'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined13')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined21">
                            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined21">
                                <input ng-model="dispatch_filter.MoUser_Defined21">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoUser_Defined21 = false;dispatch_filter.MoUser_Defined21 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined21">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined21 = true">search</i>
                                <label ng-bind="show_label.MoUser_Defined21"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined21'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined21')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined22">
                            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined22">
                                <input ng-model="dispatch_filter.MoUser_Defined22">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoUser_Defined22 = false;dispatch_filter.MoUser_Defined22 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined22">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined22 = true">search</i>
                                <label ng-bind="show_label.MoUser_Defined22"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined22'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined22')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.MoUser_Defined23">
                            <div class="filter" ng-show="dispatch_filterSH.MoUser_Defined23">
                                <input ng-model="dispatch_filter.MoUser_Defined23">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.MoUser_Defined23 = false;dispatch_filter.MoUser_Defined23 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.MoUser_Defined23">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.MoUser_Defined23 = true">search</i>
                                <label ng-bind="show_label.MoUser_Defined23"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'MoUser_Defined23'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('MoUser_Defined23')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PRODUCTTYPE">
                            <div class="filter" ng-show="dispatch_filterSH.PRODUCTTYPE">
                                <input ng-model="dispatch_filter.PRODUCTTYPE">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PRODUCTTYPE = false;dispatch_filter.PRODUCTTYPE = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PRODUCTTYPE">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PRODUCTTYPE = true">search</i>
                                <label ng-bind="show_label.PRODUCTTYPE"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PRODUCTTYPE'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PRODUCTTYPE')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PalletQty">
                            <div class="filter" ng-show="dispatch_filterSH.PalletQty">
                                <input ng-model="dispatch_filter.PalletQty">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PalletQty = false;dispatch_filter.PalletQty = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PalletQty">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PalletQty = true">search</i>
                                <label ng-bind="show_label.PalletQty"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PalletQty'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PalletQty')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdDescription">
                            <div class="filter" ng-show="dispatch_filterSH.PrdDescription">
                                <input ng-model="dispatch_filter.PrdDescription">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PrdDescription = false;dispatch_filter.PrdDescription = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PrdDescription">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdDescription = true">search</i>
                                <label ng-bind="show_label.PrdDescription"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PrdDescription'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PrdDescription')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined01">
                            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined01">
                                <input ng-model="dispatch_filter.PrdUser_Defined01">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PrdUser_Defined01 = false;dispatch_filter.PrdUser_Defined01 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined01">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined01 = true">search</i>
                                <label ng-bind="show_label.PrdUser_Defined01"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined01'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined01')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined02">
                            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined02">
                                <input ng-model="dispatch_filter.PrdUser_Defined02">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PrdUser_Defined02 = false;dispatch_filter.PrdUser_Defined02 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined02">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined02 = true">search</i>
                                <label ng-bind="show_label.PrdUser_Defined02"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined02'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined02')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined03">
                            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined03">
                                <input ng-model="dispatch_filter.PrdUser_Defined03">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PrdUser_Defined03 = false;dispatch_filter.PrdUser_Defined03 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined03">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined03 = true">search</i>
                                <label ng-bind="show_label.PrdUser_Defined03"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined03'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined03')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined04">
                            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined04">
                                <input ng-model="dispatch_filter.PrdUser_Defined04">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PrdUser_Defined04 = false;dispatch_filter.PrdUser_Defined04 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined04">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined04 = true">search</i>
                                <label ng-bind="show_label.PrdUser_Defined04"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined04'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined04')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined05">
                            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined05">
                                <input ng-model="dispatch_filter.PrdUser_Defined05">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PrdUser_Defined05 = false;dispatch_filter.PrdUser_Defined05 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined05">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined05 = true">search</i>
                                <label ng-bind="show_label.PrdUser_Defined05"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined05'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined05')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined11">
                            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined11">
                                <input ng-model="dispatch_filter.PrdUser_Defined11">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PrdUser_Defined11 = false;dispatch_filter.PrdUser_Defined11 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined11">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined11 = true">search</i>
                                <label ng-bind="show_label.PrdUser_Defined11"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined11'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined11')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined12">
                            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined12">
                                <input ng-model="dispatch_filter.PrdUser_Defined12">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PrdUser_Defined12 = false;dispatch_filter.PrdUser_Defined12 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined12">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined12 = true">search</i>
                                <label ng-bind="show_label.PrdUser_Defined12"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined12'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined12')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined13">
                            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined13">
                                <input ng-model="dispatch_filter.PrdUser_Defined13">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PrdUser_Defined13 = false;dispatch_filter.PrdUser_Defined13 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined13">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined13 = true">search</i>
                                <label ng-bind="show_label.PrdUser_Defined13"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined13'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined13')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined21">
                            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined21">
                                <input ng-model="dispatch_filter.PrdUser_Defined21">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PrdUser_Defined21 = false;dispatch_filter.PrdUser_Defined21 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined21">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined21 = true">search</i>
                                <label ng-bind="show_label.PrdUser_Defined21"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined21'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined21')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined22">
                            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined22">
                                <input ng-model="dispatch_filter.PrdUser_Defined22">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PrdUser_Defined22 = false;dispatch_filter.PrdUser_Defined22 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined22">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined22 = true">search</i>
                                <label ng-bind="show_label.PrdUser_Defined22"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined22'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined22')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PrdUser_Defined23">
                            <div class="filter" ng-show="dispatch_filterSH.PrdUser_Defined23">
                                <input ng-model="dispatch_filter.PrdUser_Defined23">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PrdUser_Defined23 = false;dispatch_filter.PrdUser_Defined23 = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PrdUser_Defined23">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PrdUser_Defined23 = true">search</i>
                                <label ng-bind="show_label.PrdUser_Defined23"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PrdUser_Defined23'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PrdUser_Defined23')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.PriceType">
                            <div class="filter" ng-show="dispatch_filterSH.PriceType">
                                <input ng-model="dispatch_filter.PriceType">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.PriceType = false;dispatch_filter.PriceType = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.PriceType">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.PriceType = true">search</i>
                                <label ng-bind="show_label.PriceType"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'PriceType'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('PriceType')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.ProductCode">
                            <div class="filter" ng-show="dispatch_filterSH.ProductCode">
                                <input ng-model="dispatch_filter.ProductCode">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.ProductCode = false;dispatch_filter.ProductCode = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.ProductCode">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.ProductCode = true">search</i>
                                <label ng-bind="show_label.ProductCode"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'ProductCode'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('ProductCode')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.ProductPCSNo">
                            <div class="filter" ng-show="dispatch_filterSH.ProductPCSNo">
                                <input ng-model="dispatch_filter.ProductPCSNo">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.ProductPCSNo = false;dispatch_filter.ProductPCSNo = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.ProductPCSNo">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.ProductPCSNo = true">search</i>
                                <label ng-bind="show_label.ProductPCSNo"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'ProductPCSNo'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('ProductPCSNo')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.QCCategory">
                            <div class="filter" ng-show="dispatch_filterSH.QCCategory">
                                <input ng-model="dispatch_filter.QCCategory">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.QCCategory = false;dispatch_filter.QCCategory = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.QCCategory">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.QCCategory = true">search</i>
                                <label ng-bind="show_label.QCCategory"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'QCCategory'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('QCCategory')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.RONO">
                            <div class="filter" ng-show="dispatch_filterSH.RONO">
                                <input ng-model="dispatch_filter.RONO">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.RONO = false;dispatch_filter.RONO = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.RONO">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.RONO = true">search</i>
                                <label ng-bind="show_label.RONO"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'RONO'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('RONO')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.SerialTypeNo_COMP">
                            <div class="filter" ng-show="dispatch_filterSH.SerialTypeNo_COMP">
                                <input ng-model="dispatch_filter.SerialTypeNo_COMP">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.SerialTypeNo_COMP = false;dispatch_filter.SerialTypeNo_COMP = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.SerialTypeNo_COMP">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.SerialTypeNo_COMP = true">search</i>
                                <label ng-bind="show_label.SerialTypeNo_COMP"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'SerialTypeNo_COMP'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('SerialTypeNo_COMP')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.SerialTypeNo_LOT">
                            <div class="filter" ng-show="dispatch_filterSH.SerialTypeNo_LOT">
                                <input ng-model="dispatch_filter.SerialTypeNo_LOT">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.SerialTypeNo_LOT = false;dispatch_filter.SerialTypeNo_LOT = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.SerialTypeNo_LOT">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.SerialTypeNo_LOT = true">search</i>
                                <label ng-bind="show_label.SerialTypeNo_LOT"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'SerialTypeNo_LOT'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('SerialTypeNo_LOT')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.SpecNo">
                            <div class="filter" ng-show="dispatch_filterSH.SpecNo">
                                <input ng-model="dispatch_filter.SpecNo">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.SpecNo = false;dispatch_filter.SpecNo = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.SpecNo">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.SpecNo = true">search</i>
                                <label ng-bind="show_label.SpecNo"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'SpecNo'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('SpecNo')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.StockInLotNo">
                            <div class="filter" ng-show="dispatch_filterSH.StockInLotNo">
                                <input ng-model="dispatch_filter.StockInLotNo">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.StockInLotNo = false;dispatch_filter.StockInLotNo = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.StockInLotNo">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.StockInLotNo = true">search</i>
                                <label ng-bind="show_label.StockInLotNo"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'StockInLotNo'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('StockInLotNo')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.Storage_Spaces_No">
                            <div class="filter" ng-show="dispatch_filterSH.Storage_Spaces_No">
                                <input ng-model="dispatch_filter.Storage_Spaces_No">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.Storage_Spaces_No = false;dispatch_filter.Storage_Spaces_No = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.Storage_Spaces_No">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.Storage_Spaces_No = true">search</i>
                                <label ng-bind="show_label.Storage_Spaces_No"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'Storage_Spaces_No'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('Storage_Spaces_No')"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex:0 0 110px;" ng-show="show_flag.Warehouse_No">
                            <div class="filter" ng-show="dispatch_filterSH.Warehouse_No">
                                <input ng-model="dispatch_filter.Warehouse_No">
                                <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                                   ng-click="dispatch_filterSH.Warehouse_No = false;dispatch_filter.Warehouse_No = '';">clear</i>
                            </div>
                            <div class="order" ng-hide="dispatch_filterSH.Warehouse_No">
                                <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.Warehouse_No = true">search</i>
                                <label ng-bind="show_label.Warehouse_No"></label>
                                <i class="material-icons" ng-show="order_by_mode.name == 'Warehouse_No'">{{order_by_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                                <div class="kmi-can-click" ng-click="orderbychange('Warehouse_No')"></div>
                            </div>
                        </div>
                    </div>
                    <div class="kmi-list__row-content">
                        <!-- 20211217 modify by Alan for#104583 : 刪除last_date與next_date -->
                        <div class="kmi-list__row" ng-repeat="item in getPages(dispatch_detail, PageConfig, dispatch_filter) track by $index">
                            <div class="kmi-list__column" style="flex:0 0 32px;">
                               <div class="kmi-list__column-left-btn">
                                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemSelect($index,item);">
                                      <img ng-show="item.checked!='Y'" src="image/icons/check0.png"></img>
                                      <img ng-show="item.checked=='Y'" src="image/icons/check1.png"></img>
                                    </button>
                                </div>
                            </div>
                            <div class="kmi-list__column" style="flex:0 0 36px;">
                                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemSendwork($index,item);">
                                  <img src="image/icons/move1.png"></img>
                                </button>
                            </div>
                            <div class="kmi-list__column" style="flex:0 0 36px;" id="{{'item' + $index}}"  ng-mouseenter="showTips(item, $event, $index)" ng-mouseleave="hideTips(item, $event)" ng-show="moreInfoList.length > 0">
                                <button class="mdl-button mdl-js-button mdl-button--icon"
                                        style="width: 24px; background: #1ab7cd; border-radius: 4px;">
                                        <img src="image/icons/mould.png"></img>
                                    <div class="kmi-can-click"></div>
                                </button>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.op_no" ng-show="show_flag.op_no"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.op_name" ng-show="show_flag.op_name"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.wo_no" ng-show="show_flag.wo_no"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.plot_no" ng-show="show_flag.plot_no"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.qty" ng-show="show_flag.qty"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.plot_start_time" ng-show="show_flag.plot_start_time"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.plot_end_time" ng-show="show_flag.plot_end_time"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.item_no" ng-show="show_flag.item_no"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.item_name" ng-show="show_flag.item_name"></div>
                            <div class="kmi-list__column" style="flex:0 0 110px;" ng-bind="item.item_spec" ng-show="show_flag.item_spec"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.mono_date" ng-show="show_flag.mono_date"></div>
                            <!--
                            <div class="kmi-list__column" style="flex:1;" ng-bind="item.from_op_no_completed_qty"></div>
                            <div class="kmi-list__column" style="flex:1;" ng-bind="item.from_op_no_dispatched_qty"></div>
                            <div class="kmi-list__column" style="flex:1;" ng-bind="item.to_op_no_dispatched_qty"></div>
                            -->
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.accessory_no" ng-show="show_flag.accessory_no"></div>
                            <div class="kmi-list__column" style="flex:0 0 40px; ">
                                <button class="mdl-button mdl-js-button mdl-button--icon"
                                        style="width: 24px; background: #ececec; border-radius: 4px;">
                                        <img src="image/icons/mould.png"></img>
                                    <div class="kmi-can-click" ng-click="itemAccessory(item);"></div>
                                </button>
                            </div>
                            <!-- <div class="kmi-list__column" style="flex:0 0 36px;">
                                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="itemSendwork($index,item);">
                                  <img src="image/icons/move1.png"></img>
                                </button>
                            </div> -->
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.item_version" ng-show="show_flag.item_version"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.BaseProcessNo" ng-show="show_flag.BaseProcessNo"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.BaseProcessVersion" ng-show="show_flag.BaseProcessVersion"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.BoxQty" ng-show="show_flag.BoxQty"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.CUSTOMERNO" ng-show="show_flag.CUSTOMERNO"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.CartonQty" ng-show="show_flag.CartonQty"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.ERPMoLineNo" ng-show="show_flag.ERPMoLineNo"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.FACTORYNO" ng-show="show_flag.FACTORYNO"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.GRAPHNO" ng-show="show_flag.GRAPHNO"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.HotLot" ng-show="show_flag.HotLot"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.ITEMNO" ng-show="show_flag.ITEMNO"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.LOTDescription" ng-show="show_flag.LOTDescription"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.LOTPriority" ng-show="show_flag.LOTPriority"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.LOTSTDQty" ng-show="show_flag.LOTSTDQty"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.LOTplanstartdate" ng-show="show_flag.LOTplanstartdate"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MOPRIORITY" ng-show="show_flag.MOPRIORITY"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MOUNITNO" ng-show="show_flag.MOUNITNO"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MOplanstartdate" ng-show="show_flag.MOplanstartdate"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MPQty" ng-show="show_flag.MPQty"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoDescription" ng-show="show_flag.MoDescription"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoSource" ng-show="show_flag.MoSource"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined01" ng-show="show_flag.MoUser_Defined01"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined02" ng-show="show_flag.MoUser_Defined02"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined03" ng-show="show_flag.MoUser_Defined03"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined04" ng-show="show_flag.MoUser_Defined04"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined05" ng-show="show_flag.MoUser_Defined05"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined11" ng-show="show_flag.MoUser_Defined11"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined12" ng-show="show_flag.MoUser_Defined12"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined13" ng-show="show_flag.MoUser_Defined13"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined21" ng-show="show_flag.MoUser_Defined21"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined22" ng-show="show_flag.MoUser_Defined22"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.MoUser_Defined23" ng-show="show_flag.MoUser_Defined23"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PRODUCTTYPE" ng-show="show_flag.PRODUCTTYPE"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PalletQty" ng-show="show_flag.PalletQty"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdDescription" ng-show="show_flag.PrdDescription"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined01" ng-show="show_flag.PrdUser_Defined01"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined02" ng-show="show_flag.PrdUser_Defined02"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined03" ng-show="show_flag.PrdUser_Defined03"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined04" ng-show="show_flag.PrdUser_Defined04"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined05" ng-show="show_flag.PrdUser_Defined05"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined11" ng-show="show_flag.PrdUser_Defined11"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined12" ng-show="show_flag.PrdUser_Defined12"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined13" ng-show="show_flag.PrdUser_Defined13"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined21" ng-show="show_flag.PrdUser_Defined21"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined22" ng-show="show_flag.PrdUser_Defined22"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PrdUser_Defined23" ng-show="show_flag.PrdUser_Defined23"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.PriceType" ng-show="show_flag.PriceType"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.ProductCode" ng-show="show_flag.ProductCode"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.ProductPCSNo" ng-show="show_flag.ProductPCSNo"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.QCCategory" ng-show="show_flag.QCCategory"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.RONO" ng-show="show_flag.RONO"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.SerialTypeNo_LOT" ng-show="show_flag.SerialTypeNo_LOT"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.SpecNo" ng-show="show_flag.SpecNo"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.StockInLotNo" ng-show="show_flag.StockInLotNo"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.Storage_Spaces_No" ng-show="show_flag.Storage_Spaces_No"></div>
                            <div class="kmi-list__column column-border" style="flex:0 0 110px;" ng-bind="item.Warehouse_No" ng-show="show_flag.Warehouse_No"></div>
                        </div>
                    </div>
                </div>
                <div class="page-content">
                    <div class="page-icon">
                        <img src="image/icons/dropleft.png"></img>
                        <div class="kmi-can-click"  ng-click="PageConfig.page = (PageConfig.page-1<0?0:PageConfig.page-1);"></div>
                    </div>
                    <label ng-bind="(PageConfig.page +1)+' / '+PageConfig.total_page"></label>
                    <div class="page-icon">
                        <img src="image/icons/dropright.png"></img>
                        <div class="kmi-can-click"  ng-click="PageConfig.page = (PageConfig.page+1>(PageConfig.total_page-1)?(PageConfig.total_page-1):PageConfig.page+1);"></div>
                    </div>
                </div>
                <!-- 20201210 modify by 外包 for M#83236: 派工作业 - 增加流程卡列印 -->
                <div class="kmi-layout-footer" ng-show="showMode == 'preview'">
                    <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
                    ng-click="preview();">
                        <img src="image/icons/print.png"></img>
                    </button>
                </div>
            </div>
            <div ng-show="dispatchedShowTipsFlag && dispatchedMoreInfoList.length > 0" id="popover_id_wait" class="popover" style="left: 108px;display: block; visibility: visible;position: absolute; background-color: rgba(100,100,100,0.8) !important;color: #fff !important;padding: 6px 20px 6px 20px;z-index: 9999;border-radius: 6px; min-width:200px;">
                <div class="triangle-up" style="width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 10px solid rgba(100,100,100,0.8);position: absolute;top: -10px;left: 45%;"></div>
                <div class="popover-content">
                    <div ng-repeat="more in dispatchedMoreInfoList track by $index">
                        <div ng-bind="(more.fieldName?(more.fieldName+'：'):'')  + dispatchedTempRow[more.fieldId]"></div>
                    </div>
                </div>
            </div>
            <div class="conten-panel machine-panel" ng-class="{'hide-panel':Mode != '' && Mode != 'EditSendWork'}" style="flex: 0 0 210px;margin-top:12px">
                <div class="kmi-text-fields kmi-list__title">
                    <label class="label" ng-bind="'A02.assigned' | translate"></label>
                    <label class="label" ng-bind="'A02.wo_no' | translate"></label>
                    <input ng-model="assigned_wo_no"></input>
                    <label class="label" style="padding-left:8px;" ng-bind="'A02.plot_no' | translate"></label>
                    <input ng-model="assigned_plot_no"></input>
                    <!-- 20200319 modify by WeiTing for M#62127 - 增加過濾已派工的設備編號或設備名稱。 -->
                    <label class="label" style="padding-left:8px;" ng-bind="'A02.machine' | translate"></label>
                    <input ng-model="assigned_machine"></input>
                    <div class="kmi-text-fields" ng-class="{'sort_item': Mode === 'EditSendWork'}">
                        <label class="label" style="padding:8px 0 0 8px;" ng-bind="'A02.equipment_sort' | translate"></label>
                        <input readonly="readonly" style="margin-top: 8px;" ng-model="equipment_sort_mode_label" ng-click="getEquipmentSortModeList()" ng-disabled="Mode != '' && Mode != 'EditSendWork'"></input>
                        <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                    </div>
                    <div class="kmi-button kmi-button-confrim"  ng-click="assigned_search()" style="width:100px">
                        <label ng-bind="'common.btn.search' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                    <div class="kmi-button kmi-button-cancel"  ng-click="assigned_clear()" style="width:100px">
                        <label ng-bind="'common.btn.clear' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                </div>
                <div class="machine-list" ng-class="{'hide-panel':Mode != '' && Mode != 'EditSendWork'}">
                    <div class="machine-contener">
                        <div class="machine-conten" ng-repeat="item in getMachineList() track by $index" ng-class="[mlightColor(item.load_status)]">
                            <div class="machine-title" style="padding-top:2px;" ng-bind="item.machine_no"></div>
                            <div class="machine-title" ng-bind="item.machine_name"></div>
                            <div class="machine-title" ng-show="ht_tr_bool" style="padding-bottom:2px;" ng-bind="('A02.mlist.column6'|translate) + item.furnace_qty + '/' + item.furnace_total_qty"></div>
                            <div class="machine-info" style="padding-top:1px;"  ng-bind="('A02.mlist.column2'|translate)+item.capacity + 'HR'"></div>
                            <div class="machine-info" ng-bind="('A02.mlist.column3'|translate)+item.used_capacity+ 'HR'"></div>
                            <div class="machine-info" ng-bind="('A02.mlist.column4'|translate)+item.machine_load + '%'"></div>
                            <div class="machine-state">
                                <div class="machine-state-info" ng-class="[machineStatus(item.equipment_state)]">
                                    {{('common.machine.status.'+ item.equipment_state | translate).substr(0, 1)}}
                                </div>
                            </div>
                            <div class="kmi-can-click" ng-click="machineSelect($index, item, $event);"></div>
                        </div>
                    </div>
                    <div class="page-content" style="border: 0px;">
                        <div class="page-icon">
                            <img src="image/icons/dropleft.png"></img>
                            <div class="kmi-can-click"  ng-click="prevPage();"></div>
                        </div>
                        <label ng-bind="pageInfo.nowPage+' / '+pageInfo.totlePage"></label>
                        <div class="page-icon">
                            <img src="image/icons/dropright.png"></img>
                            <div class="kmi-can-click"  ng-click="nextPage();"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="conten-panel work-panel" ng-class="{'hide-panel':Mode == '' || Mode == 'EditSendWork'}" style="-index: 1; border-top: 0px; border-radius: 0 0 4px 4px;">
                <div class="kmi-text-fields" style="padding:0 4px 0 8px;">
                    <label class="label" ng-bind="'A02.mlist.column1'|translate"></label>
                    <label class="value" ng-bind="selectMachine.machine_no+' ('+selectMachine.machine_name+')'"></label>
                    <label class="label" ng-bind="'A02.mlist.column2'|translate"></label>
                    <label class="value" style="flex: 0 0 80px;" ng-bind="selectMachine.capacity + 'HR'"></label>
                    <label class="label" ng-bind="'A02.mlist.column3'|translate"></label>
                    <label class="value" style="flex: 0 0 80px;" ng-bind="selectMachine.used_capacity+ 'HR'"></label>
                    <label class="label" ng-bind="'A02.mlist.column4'|translate"></label>
                    <label class="value" style="flex: 0 0 80px;" ng-bind="selectMachine.machine_load + '%'"></label>
                    <label class="label" ng-bind="'A02.mlist.column5'|translate"></label>
                    <div class="dashboard-light-panel" ng-class="[mlightColor(selectMachine.load_status)]"></div>
                </div>
                <div class="kmi-list machine-work-list column-selector" column-selector-id="machineWorkList" kmi-scrollbar="1980px">
                    <div class="kmi-list__header">
                        <!-- 20211217 modify by Alan for#104583 : 刪除last_date與next_date -->
                        <div class="kmi-list__column require" style="flex:0 0 28px;"></div>
                        <div class="kmi-list__column" style="flex:0 0 32px;"></div>
                        <div class="kmi-list__column require" style="flex:0 0 36px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="detailRollbackAll()">
                                <img ng-show ="roll_back_all_bool == false" src="image/icons/check0.png" class="">
                                <img ng-show ="roll_back_all_bool == true" src="image/icons/check1.png" class="ng-hide">
                            </button>
                        </div>
                        <div class="kmi-list__column" style="flex:0 0 36px;" ng-bind="'A02.list.column19' | translate" ng-show="dispatchedMoreInfoList.length > 0"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.op_no" ng-show="dispatched_show_flag.op_no"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.op_name" ng-show="dispatched_show_flag.op_name"></div>
                        <div class="kmi-list__column hide" style="flex:0 0 125px" ng-bind="dispatched_show_label.wo_no" ng-show="dispatched_show_flag.wo_no"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px" ng-bind="dispatched_show_label.plot_no" ng-show="dispatched_show_flag.plot_no"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.plot_qty" ng-show="dispatched_show_flag.plot_qty"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.uncheck_in_qty" ng-show="dispatched_show_flag.uncheck_in_qty"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.plot_start_time" ng-show="dispatched_show_flag.plot_start_time"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.plot_end_time" ng-show="dispatched_show_flag.plot_end_time"></div>
                        <div class="kmi-list__column" style="flex:0 0 250px;" ng-bind="dispatched_show_label.dis_start_time" ng-show="dispatched_show_flag.dis_start_time"></div>
                        <div class="kmi-list__column" style="flex:0 0 250px;" ng-bind="dispatched_show_label.disp_end_time" ng-show="dispatched_show_flag.disp_end_time"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.item_no" ng-show="dispatched_show_flag.item_no"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.item_name" ng-show="dispatched_show_flag.item_name"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.batch_mark" ng-show="dispatched_show_flag.batch_mark"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.item_spec" ng-show="dispatched_show_flag.item_spec"></div>

                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.tc_rate" ng-show="dispatched_show_flag.tc_rate"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.tc_rate_for_all" ng-show="dispatched_show_flag.tc_rate_for_all"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.c_rate_for_all" ng-show="dispatched_show_flag.c_rate_for_all"></div>

                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.mono_date" ng-show="dispatched_show_flag.mono_date"></div>

                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MOplanstartdate" ng-show="dispatched_show_flag.MOplanstartdate"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.CUSTOMERNO" ng-show="dispatched_show_flag.CUSTOMERNO"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.RONO" ng-show="dispatched_show_flag.RONO"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.ITEMNO" ng-show="dispatched_show_flag.ITEMNO"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MOPRIORITY" ng-show="dispatched_show_flag.MOPRIORITY"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MOUNITNO" ng-show="dispatched_show_flag.MOUNITNO"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoDescription" ng-show="dispatched_show_flag.MoDescription"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoSource" ng-show="dispatched_show_flag.MoSource"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.FACTORYNO" ng-show="dispatched_show_flag.FACTORYNO"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.StockInLotNo" ng-show="dispatched_show_flag.StockInLotNo"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.Warehouse_No" ng-show="dispatched_show_flag.Warehouse_No"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.Storage_Spaces_No" ng-show="dispatched_show_flag.Storage_Spaces_No"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.ERPMoLineNo" ng-show="dispatched_show_flag.ERPMoLineNo"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined01" ng-show="dispatched_show_flag.MoUser_Defined01"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined02" ng-show="dispatched_show_flag.MoUser_Defined02"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined03" ng-show="dispatched_show_flag.MoUser_Defined03"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined04" ng-show="dispatched_show_flag.MoUser_Defined04"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined05" ng-show="dispatched_show_flag.MoUser_Defined05"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined11" ng-show="dispatched_show_flag.MoUser_Defined11"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined12" ng-show="dispatched_show_flag.MoUser_Defined12"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined13" ng-show="dispatched_show_flag.MoUser_Defined13"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined21" ng-show="dispatched_show_flag.MoUser_Defined21"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined22" ng-show="dispatched_show_flag.MoUser_Defined22"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MoUser_Defined23" ng-show="dispatched_show_flag.MoUser_Defined23"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PRODUCTTYPE" ng-show="dispatched_show_flag.PRODUCTTYPE"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.SpecNo" ng-show="dispatched_show_flag.SpecNo"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.GRAPHNO" ng-show="dispatched_show_flag.GRAPHNO"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdDescription" ng-show="dispatched_show_flag.PrdDescription"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.CartonQty" ng-show="dispatched_show_flag.CartonQty"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PalletQty" ng-show="dispatched_show_flag.PalletQty"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.BoxQty" ng-show="dispatched_show_flag.BoxQty"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.ProductCode" ng-show="dispatched_show_flag.ProductCode"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.SerialTypeNo_LOT" ng-show="dispatched_show_flag.SerialTypeNo_LOT"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.SerialTypeNo_COMP" ng-show="dispatched_show_flag.SerialTypeNo_COMP"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.LOTSTDQty" ng-show="dispatched_show_flag.LOTSTDQty"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined01" ng-show="dispatched_show_flag.PrdUser_Defined01"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined02" ng-show="dispatched_show_flag.PrdUser_Defined02"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined03" ng-show="dispatched_show_flag.PrdUser_Defined03"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined04" ng-show="dispatched_show_flag.PrdUser_Defined04"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined05" ng-show="dispatched_show_flag.PrdUser_Defined05"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined11" ng-show="dispatched_show_flag.PrdUser_Defined11"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined12" ng-show="dispatched_show_flag.PrdUser_Defined12"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined13" ng-show="dispatched_show_flag.PrdUser_Defined13"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined21" ng-show="dispatched_show_flag.PrdUser_Defined21"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined22" ng-show="dispatched_show_flag.PrdUser_Defined22"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PrdUser_Defined23" ng-show="dispatched_show_flag.PrdUser_Defined23"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.QCCategory" ng-show="dispatched_show_flag.QCCategory"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.ProductPCSNo" ng-show="dispatched_show_flag.ProductPCSNo"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.MPQty" ng-show="dispatched_show_flag.MPQty"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.LOTPriority" ng-show="dispatched_show_flag.LOTPriority"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.HotLot" ng-show="dispatched_show_flag.HotLot"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.LOTDescription" ng-show="dispatched_show_flag.LOTDescription"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.LOTplanstartdate" ng-show="dispatched_show_flag.LOTplanstartdate"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.PriceType" ng-show="dispatched_show_flag.PriceType"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.BaseProcessNo" ng-show="dispatched_show_flag.BaseProcessNo"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="dispatched_show_label.BaseProcessVersion" ng-show="dispatched_show_flag.BaseProcessVersion"></div>

                        <!--
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="'A02.mwlist.column10' | translate"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="'A02.mwlist.column11' | translate"></div>
                        <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="'A02.mwlist.column12' | translate"></div>
                        -->
                        <!-- <div class="kmi-list__column require" style="flex:0 0 36px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="detailRollbackAll()">
                                <img ng-show ="roll_back_all_bool == false" src="image/icons/check0.png" class="">
                                <img ng-show ="roll_back_all_bool == true" src="image/icons/check1.png" class="ng-hide">
                            </button>
                        </div> -->
                    </div>

                    <div class="kmi-list__row-content">
                        <div>
                            <!-- 20211217 modify by Alan for#104583 : 刪除last_date與next_date -->
                            <div class="kmi-list__row" ng-repeat="detail in dispatched_detail |filter:dispatchedFilter track by $id(detail)">
                                <div class="kmi-list__column" style="flex:0 0 28px;" ng-init="selectMachine.dispatch_size = selectMachine.dispatch_size+1"></div>
                                <div class="kmi-list__column" style="flex:0 0 32px;"><div class="kmi-column-light" ng-class="[mwlightColor(detail.states)]"></div></div>
                                <div class="kmi-list__column" style="flex:0 0 36px;">
                                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="detailRollback($index,detail);">
                                        <img ng-show="detail.checked!='Y'" src="image/icons/check0.png"></img>
                                        <img ng-show="detail.checked=='Y'" src="image/icons/check1.png"></img>
                                    </button>
                                </div>
                                <div class="kmi-list__column" style="flex:0 0 36px;" id="{{'detail' + $index}}" ng-mouseenter="showDispatchTips(detail, $event, $index)" ng-mouseleave="hideDispatchTips(detail, $event)" ng-show="dispatchedMoreInfoList.length > 0">
                                    <button class="mdl-button mdl-js-button mdl-button--icon"
                                            style="width: 24px; background: #1ab7cd; border-radius: 4px;">
                                            <img src="image/icons/mould.png"></img>
                                        <div class="kmi-can-click"></div>
                                    </button>
                                </div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.op_no" ng-show="dispatched_show_flag.op_no"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.op_name" ng-show="dispatched_show_flag.op_name"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.wo_no" ng-show="dispatched_show_flag.wo_no"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.plot_no" ng-show="dispatched_show_flag.plot_no"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.plot_qty" ng-show="dispatched_show_flag.plot_qty"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.uncheck_in_qty" ng-show="dispatched_show_flag.uncheck_in_qty"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.plot_start_time" ng-show="dispatched_show_flag.plot_start_time"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.plot_end_time" ng-show="dispatched_show_flag.plot_end_time"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 250px;" ng-show="dispatched_show_flag.dis_start_time">
                                    <div class="kmi-text-fields" style="padding:4px;">
                                        <label ng-bind="detail.dis_start_date"></label>
                                        <input readonly="readonly" ng-model="detail.dis_start_time" ng-click="time_open_set($event,detail,detail.dis_start_time,4);" style="max-width:100px;margin: 0em 1em;">
                                    </div>
                                </div>
                                <div class="kmi-list__column column-border" style="flex:0 0 250px;" ng-show="dispatched_show_flag.disp_end_time">
                                    <div class="kmi-text-fields" style="padding:4px;">
                                        <label ng-bind="detail.disp_end_date"></label>
                                        <input readonly="readonly" ng-model="detail.disp_end_time" ng-click="time_open_set($event,detail,detail.disp_end_time,5);" style="max-width:100px;margin: 0em 1em;">
                                    </div>
                                </div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.item_no" ng-show="dispatched_show_flag.item_no"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.item_name" ng-show="dispatched_show_flag.item_name"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-show="dispatched_show_flag.batch_mark">
                                    <div class="kmi-text-fields kmi-tag-fields" ng-show="detail.batch_mark">
                                        <div class="kmi-button-content">
                                            <div class="kmi-button">
                                                <label ng-bind="detail.batch_mark"></label>
                                                <i class="material-icons" ng-click="deleteBatchMergeMark(detail);">close</i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.item_spec" ng-show="dispatched_show_flag.item_spec"></div>

                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.tc_rate + '%'" ng-show="dispatched_show_flag.tc_rate"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.tc_rate_for_all + '%'" ng-show="dispatched_show_flag.tc_rate_for_all"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.c_rate_for_all + '%'" ng-show="dispatched_show_flag.c_rate_for_all"></div>
                                <!--
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.from_op_no_completed_qty"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.from_op_no_dispatched_qty"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.to_op_no_dispatched_qty"></div>
                                -->
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.mono_date" ng-show="dispatched_show_flag.mono_date"></div>

                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MOplanstartdate" ng-show="dispatched_show_flag.MOplanstartdate"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.CUSTOMERNO" ng-show="dispatched_show_flag.CUSTOMERNO"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.RONO" ng-show="dispatched_show_flag.RONO"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ITEMNO" ng-show="dispatched_show_flag.ITEMNO"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MOPRIORITY" ng-show="dispatched_show_flag.MOPRIORITY"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MOUNITNO" ng-show="dispatched_show_flag.MOUNITNO"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoDescription" ng-show="dispatched_show_flag.MoDescription"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoSource" ng-show="dispatched_show_flag.MoSource"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.FACTORYNO" ng-show="dispatched_show_flag.FACTORYNO"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.StockInLotNo" ng-show="dispatched_show_flag.StockInLotNo"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.Warehouse_No" ng-show="dispatched_show_flag.Warehouse_No"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.Storage_Spaces_No" ng-show="dispatched_show_flag.Storage_Spaces_No"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ERPMoLineNo" ng-show="dispatched_show_flag.ERPMoLineNo"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined01" ng-show="dispatched_show_flag.MoUser_Defined01"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined02" ng-show="dispatched_show_flag.MoUser_Defined02"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined03" ng-show="dispatched_show_flag.MoUser_Defined03"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined04" ng-show="dispatched_show_flag.MoUser_Defined04"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined05" ng-show="dispatched_show_flag.MoUser_Defined05"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined11" ng-show="dispatched_show_flag.MoUser_Defined11"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined12" ng-show="dispatched_show_flag.MoUser_Defined12"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined13" ng-show="dispatched_show_flag.MoUser_Defined13"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined21" ng-show="dispatched_show_flag.MoUser_Defined21"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined22" ng-show="dispatched_show_flag.MoUser_Defined22"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined23" ng-show="dispatched_show_flag.MoUser_Defined23"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PRODUCTTYPE" ng-show="dispatched_show_flag.PRODUCTTYPE"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.SpecNo" ng-show="dispatched_show_flag.SpecNo"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.GRAPHNO" ng-show="dispatched_show_flag.GRAPHNO"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdDescription" ng-show="dispatched_show_flag.PrdDescription"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.CartonQty" ng-show="dispatched_show_flag.CartonQty"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PalletQty" ng-show="dispatched_show_flag.PalletQty"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.BoxQty" ng-show="dispatched_show_flag.BoxQty"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ProductCode" ng-show="dispatched_show_flag.ProductCode"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.SerialTypeNo_LOT" ng-show="dispatched_show_flag.SerialTypeNo_LOT"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.SerialTypeNo_COMP" ng-show="dispatched_show_flag.SerialTypeNo_COMP"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTSTDQty" ng-show="dispatched_show_flag.LOTSTDQty"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined01" ng-show="dispatched_show_flag.PrdUser_Defined01"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined02" ng-show="dispatched_show_flag.PrdUser_Defined02"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined03" ng-show="dispatched_show_flag.PrdUser_Defined03"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined04" ng-show="dispatched_show_flag.PrdUser_Defined04"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined05" ng-show="dispatched_show_flag.PrdUser_Defined05"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined11" ng-show="dispatched_show_flag.PrdUser_Defined11"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined12" ng-show="dispatched_show_flag.PrdUser_Defined12"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined13" ng-show="dispatched_show_flag.PrdUser_Defined13"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined21" ng-show="dispatched_show_flag.PrdUser_Defined21"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined22" ng-show="dispatched_show_flag.PrdUser_Defined22"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined23" ng-show="dispatched_show_flag.PrdUser_Defined23"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.QCCategory" ng-show="dispatched_show_flag.QCCategory"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ProductPCSNo" ng-show="dispatched_show_flag.ProductPCSNo"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MPQty" ng-show="dispatched_show_flag.MPQty"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTPriority" ng-show="dispatched_show_flag.LOTPriority"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.HotLot" ng-show="dispatched_show_flag.HotLot"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTDescription" ng-show="dispatched_show_flag.LOTDescription"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTplanstartdate" ng-show="dispatched_show_flag.LOTplanstartdate"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PriceType" ng-show="dispatched_show_flag.PriceType"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.BaseProcessNo" ng-show="dispatched_show_flag.BaseProcessNo"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.BaseProcessVersion" ng-show="dispatched_show_flag.BaseProcessVersion"></div>


                                <!-- <div class="kmi-list__column" style="flex:0 0 36px;">
                                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="detailRollback($index,detail);">
                                        <img ng-show="detail.checked!='Y'" src="image/icons/check0.png"></img>
                                        <img ng-show="detail.checked=='Y'" src="image/icons/check1.png"></img>
                                    </button>
                                </div> -->
                            </div>
                        </div>
                        <div id="sortablelist">
                            <!-- 20211217 modify by Alan for#104583 : 刪除last_date與next_date -->
                            <div class="kmi-list__row" ng-repeat="detail in dispatched_detail |filter:{'states': '0'} track by $id(detail)">
                                <div class="kmi-list__column" style="flex:0 0 28px;">
                                    <div class="kmi-list__column-left-btn">
                                        <button class="sortable-btn mdl-button mdl-js-button mdl-button--icon">
                                            <img src="image/icons/change_h.png"></img>
                                        </button>
                                    </div>
                                </div>
                                <div class="kmi-list__column" style="flex:0 0 32px;"><div class="kmi-column-light" ng-class="[mwlightColor(detail.states)]"></div></div>
                                <div class="kmi-list__column" style="flex:0 0 36px;">
                                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="detailRollback($index,detail);">
                                        <img ng-show="detail.checked!='Y'" src="image/icons/check0.png"></img>
                                        <img ng-show="detail.checked=='Y'" src="image/icons/check1.png"></img>
                                    </button>
                                </div>
                                <div class="kmi-list__column" style="flex:0 0 36px;" id="{{'detail' + $index}}" ng-mouseenter="showDispatchTips(detail, $event, $index)" ng-mouseleave="hideDispatchTips(detail, $event)" ng-show="dispatchedMoreInfoList.length > 0">
                                    <button class="mdl-button mdl-js-button mdl-button--icon"
                                            style="width: 24px; background: #1ab7cd; border-radius: 4px;">
                                            <img src="image/icons/mould.png"></img>
                                        <div class="kmi-can-click"></div>
                                    </button>
                                </div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.op_no" ng-show="dispatched_show_flag.op_no"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.op_name" ng-show="dispatched_show_flag.op_name"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.wo_no" ng-show="dispatched_show_flag.wo_no"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.plot_no" ng-show="dispatched_show_flag.plot_no"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.plot_qty" ng-show="dispatched_show_flag.plot_qty"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.uncheck_in_qty" ng-show="dispatched_show_flag.uncheck_in_qty"></div>
                                <div class="kmi-list__column colu
                                mn-border" style="flex:0 0 125px;" ng-bind="detail.plot_start_time" ng-show="dispatched_show_flag.plot_start_time"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.plot_end_time" ng-show="dispatched_show_flag.plot_end_time"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 250px;" ng-show="dispatched_show_flag.dis_start_time">
                                    <div class="kmi-text-fields" style="padding:4px;">
                                        <label ng-bind="detail.dis_start_date"></label>
                                        <input readonly="readonly" ng-model="detail.dis_start_time" ng-click="time_open_set($event,detail,detail.dis_start_time,4);" style="max-width:100px;margin: 0em 1em;">
                                    </div>
                                </div>
                                <div class="kmi-list__column column-border" style="flex:0 0 250px;" ng-show="dispatched_show_flag.disp_end_time">
                                    <div class="kmi-text-fields" style="padding:4px;">
                                        <label ng-bind="detail.disp_end_date"></label>
                                        <input readonly="readonly" ng-model="detail.disp_end_time" ng-click="time_open_set($event,detail,detail.disp_end_time,5);" style="max-width:100px;margin: 0em 1em;">
                                    </div>
                                </div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.item_no" ng-show="dispatched_show_flag.item_no"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.item_name" ng-show="dispatched_show_flag.item_name"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-show="dispatched_show_flag.batch_mark">
                                    <div class="kmi-text-fields kmi-tag-fields" ng-show="detail.batch_mark">
                                        <div class="kmi-button-content">
                                            <div class="kmi-button">
                                                <label ng-bind="detail.batch_mark"></label>
                                                <i class="material-icons" ng-click="deleteBatchMergeMark(detail);">close</i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.item_spec" ng-show="dispatched_show_flag.item_spec"></div>

                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.tc_rate + '%'" ng-show="dispatched_show_flag.tc_rate"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.tc_rate_for_all + '%'" ng-show="dispatched_show_flag.tc_rate_for_all"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.c_rate_for_all + '%'" ng-show="dispatched_show_flag.c_rate_for_all"></div>

                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.mono_date" ng-show="dispatched_show_flag.mono_date"></div>

                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MOplanstartdate" ng-show="dispatched_show_flag.MOplanstartdate"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.CUSTOMERNO" ng-show="dispatched_show_flag.CUSTOMERNO"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.RONO" ng-show="dispatched_show_flag.RONO"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ITEMNO" ng-show="dispatched_show_flag.ITEMNO"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MOPRIORITY" ng-show="dispatched_show_flag.MOPRIORITY"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MOUNITNO" ng-show="dispatched_show_flag.MOUNITNO"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoDescription" ng-show="dispatched_show_flag.MoDescription"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoSource" ng-show="dispatched_show_flag.MoSource"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.FACTORYNO" ng-show="dispatched_show_flag.FACTORYNO"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.StockInLotNo" ng-show="dispatched_show_flag.StockInLotNo"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.Warehouse_No" ng-show="dispatched_show_flag.Warehouse_No"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.Storage_Spaces_No" ng-show="dispatched_show_flag.Storage_Spaces_No"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ERPMoLineNo" ng-show="dispatched_show_flag.ERPMoLineNo"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined01" ng-show="dispatched_show_flag.MoUser_Defined01"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined02" ng-show="dispatched_show_flag.MoUser_Defined02"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined03" ng-show="dispatched_show_flag.MoUser_Defined03"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined04" ng-show="dispatched_show_flag.MoUser_Defined04"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined05" ng-show="dispatched_show_flag.MoUser_Defined05"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined11" ng-show="dispatched_show_flag.MoUser_Defined11"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined12" ng-show="dispatched_show_flag.MoUser_Defined12"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined13" ng-show="dispatched_show_flag.MoUser_Defined13"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined21" ng-show="dispatched_show_flag.MoUser_Defined21"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined22" ng-show="dispatched_show_flag.MoUser_Defined22"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MoUser_Defined23" ng-show="dispatched_show_flag.MoUser_Defined23"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PRODUCTTYPE" ng-show="dispatched_show_flag.PRODUCTTYPE"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.SpecNo" ng-show="dispatched_show_flag.SpecNo"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.GRAPHNO" ng-show="dispatched_show_flag.GRAPHNO"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdDescription" ng-show="dispatched_show_flag.PrdDescription"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.CartonQty" ng-show="dispatched_show_flag.CartonQty"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PalletQty" ng-show="dispatched_show_flag.PalletQty"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.BoxQty" ng-show="dispatched_show_flag.BoxQty"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ProductCode" ng-show="dispatched_show_flag.ProductCode"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.SerialTypeNo_LOT" ng-show="dispatched_show_flag.SerialTypeNo_LOT"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.SerialTypeNo_COMP" ng-show="dispatched_show_flag.SerialTypeNo_COMP"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTSTDQty" ng-show="dispatched_show_flag.LOTSTDQty"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined01" ng-show="dispatched_show_flag.PrdUser_Defined01"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined02" ng-show="dispatched_show_flag.PrdUser_Defined02"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined03" ng-show="dispatched_show_flag.PrdUser_Defined03"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined04" ng-show="dispatched_show_flag.PrdUser_Defined04"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined05" ng-show="dispatched_show_flag.PrdUser_Defined05"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined11" ng-show="dispatched_show_flag.PrdUser_Defined11"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined12" ng-show="dispatched_show_flag.PrdUser_Defined12"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined13" ng-show="dispatched_show_flag.PrdUser_Defined13"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined21" ng-show="dispatched_show_flag.PrdUser_Defined21"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined22" ng-show="dispatched_show_flag.PrdUser_Defined22"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PrdUser_Defined23" ng-show="dispatched_show_flag.PrdUser_Defined23"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.QCCategory" ng-show="dispatched_show_flag.QCCategory"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.ProductPCSNo" ng-show="dispatched_show_flag.ProductPCSNo"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.MPQty" ng-show="dispatched_show_flag.MPQty"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTPriority" ng-show="dispatched_show_flag.LOTPriority"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.HotLot" ng-show="dispatched_show_flag.HotLot"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTDescription" ng-show="dispatched_show_flag.LOTDescription"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.LOTplanstartdate" ng-show="dispatched_show_flag.LOTplanstartdate"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.PriceType" ng-show="dispatched_show_flag.PriceType"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.BaseProcessNo" ng-show="dispatched_show_flag.BaseProcessNo"></div>
                                <div class="kmi-list__column" style="flex:0 0 125px;" ng-bind="detail.BaseProcessVersion" ng-show="dispatched_show_flag.BaseProcessVersion"></div>


                                <!--
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.from_op_no_completed_qty"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.from_op_no_dispatched_qty"></div>
                                <div class="kmi-list__column column-border" style="flex:0 0 125px;" ng-bind="detail.to_op_no_dispatched_qty"></div>
                                -->
                                <!-- <div class="kmi-list__column" style="flex:0 0 36px;">
                                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="detailRollback($index,detail);">
                                        <img ng-show="detail.checked!='Y'" src="image/icons/check0.png"></img>
                                        <img ng-show="detail.checked=='Y'" src="image/icons/check1.png"></img>
                                    </button>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="kmi-list__page-content" ng-show="Mode == 'MachineExpend'">
                    <div class="kmi-button kmi-button-cancel"  ng-click="closeMachine();" style="width:100px">
                        <label ng-bind="'common.btn.close' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                </div>
                <div class="kmi-list__page-content" ng-show="Mode == 'EditSeq'">
                    <div class="kmi-button kmi-button-confrim" ng-click="confirmEditSeq();" style="width:100px">
                        <label ng-bind="'A02.btn.confirm' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                    <div class="kmi-button kmi-button-cancel" ng-click="cancelEditSeq();" style="width:100px">
                        <label ng-bind="'A02.btn.cancel' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                </div>
                <div class="kmi-list__page-content"  ng-show="Mode == 'Rollback'">
                    <!-- 20201210 modify by 外包 for M#83236: 派工作业 - 增加流程卡列印 -->
                    <div class="kmi-button kmi-button-confrim" ng-click="preview();" style="width:100px">
                        <label ng-bind="'A02.btn.print' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                    <div class="kmi-button kmi-button-confrim" ng-click="confirmBatchMerge();" style="width:100px">
                        <label ng-bind="'A02.btn.batchMerge' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                    <div class="kmi-button kmi-button-confrim" ng-click="confirmTransfer();" style="width:100px" ng-if="selectRollback == 1">
                        <label ng-bind="'A02.btn.transfer' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                    <div class="kmi-button kmi-button-confrim" ng-click="confirmRollback();" style="width:100px">
                        <label ng-bind="'A02.btn.rollback' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                    <div class="kmi-button kmi-button-cancel"  ng-click="cancelRollback();" style="width:100px">
                        <label ng-bind="'A02.btn.cancel' | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 20201210 modify by 外包 for M#83236: 派工作业 - 增加流程卡列印 -->
    <div class="kmi-layout-page" ng-show="showMode == 'print'" style="padding: 0;">
        <iframe id="kmi-pdf-panel" name="kmi-pdf-panel"></iframe>
    </div>
    <div class="kmi-layout-footer" ng-show="showMode == 'print'">
        <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub"
        ng-click="print();">
          <img src="image/icons/print.png"></img>
        </button>
        <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub"
        ng-click="download();">
          <img src="image/icons/download.png"></img>
        </button>
        <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
        ng-click="cancel();">
          <img src="image/icons/close.png"></img>
        </button>
    </div>
</div>
